<template>
  <div>
    <input type="file" name="" id="" @change="ooo"/>
    <Cropp :croppwidth="400"  :fileOrUrl="fileval"/>
  </div>
</template>

<script>
import Cropp from "vue-cropp";
export default {
  components: {
    Cropp,
  },
  data() {
    return {
      fileval: {}
    }
  },
  methods: {
    ooo(file) {
      console.log(file.target.files[0]);
      this.fileval = file.target.files[0]
    }
  }
};
</script>

<style></style>
